<!DOCTYPE html>
<html lang="zh-CN" translate="no">

<head>
	<meta charset="UTF-8">
	<meta name="title" content="特权卡查询">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>特权卡查询</title>
	<link rel="stylesheet" type="text/css" href="\static\component\layui\css\layui.css" />
	<style>
		#myInput {
			background-color: #f2f2f2;
			/* 设置背景颜色为灰色 */
		}
	</style>
</head>

<body>
	
	<div class="panel panel-primary">  
		<div class="panel-body" style="padding-top: 15px;">  
			{if !$hasValidCardType}  
				<p class="text-center">没有任何特权卡！！！</p>  
			{else}  
				{volist name="matchedCards" id="card"}  
					<div class="layui-form-item">  
						<div class="center-block">  
							<blockquote class="layui-elem-quote">  
								{$card.cardName}; 每日获得：{$card.getB}平台币; 剩余：{$card.symonth}天;  
							</blockquote>  
							<blockquote class="layui-elem-quote">  
								<img src="{$card.pic}" width="326" height="149" alt="{$card.cardName}">  
							</blockquote>  
						</div>  
					</div>  
				{/volist}  
			{/if}  
		</div>  
	</div>


<style>
    .center-block {
        text-align: center; /* 水平居中对齐 */
        margin: 0 auto; /* 设置左右外边距为auto，实现居中 */
    }
</style>


	<script src='\static\component\jquery-1.7.2.min.js'></script>
	<script src="\static\component\layui\layui.js"></script>

</body>

</html>